<template>
    <div class="box">
        <h1>props：我是父组件曹操</h1>
        <hr/>
        <Child info="我是曹操" :money="money" :msg="msg"></Child>
    </div>
</template>

<script setup lang="ts">
  import Child from "./Child.vue";
  import { ref } from "vue";
  //props:可以实现父子组件通信,props数据还是只读的！！！

  let money = ref(10000);
  let msg = ref('孩子，我是你爹曹操');

</script>

<style scoped>
    .box {
        width: 100vw;
        height: 400px;
        background: yellowgreen;
    }
</style>